<template>
<div id='mapId' class='mapClass'>
    
</div>
</template>

<script>
export default {
 // 组件名称
 name: 'demo',
 // 组件参数 接收来自父组件的数据
 props: [],
 components: {},
 data () {
 return {}
 },
 computed: {},
 watch: {},
 methods: {
    map(){
        var map = new BMapGL.Map("mapId");          // 创建地图实例 
        var point = new BMapGL.Point(116.404, 39.915);  // 创建点坐标 
        map.centerAndZoom(point, 15);   
        map.enableScrollWheelZoom(true)
        map.setHeading(64.5);   //设置地图旋转角度
        map.setTilt(73);       //设置地图的倾斜角度  
        map.setMapStyleV2({     
        styleId: 'bd8b9b6bbe591bd984b1b3aa193b4d4c'
        });
    }
},
 beforeCreate () {
 },
 created () {
 },
 beforeMount () {
 },
 mounted () {
    this.map()
 },
}
</script> 
<style scoped>
.mapClass{
    /* width:100%; */
    height:500px;
}
</style>
